<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/user.css">
    <script src="../lib/jquery/jQuery.js"></script>
    <script src="../lib/js/bootstrap.js"></script>
    <script src="../js/index.js"></script>
    <title>首页</title>
</head>

<body>
   
<div class="container">
    <div class="user-info">
        <div class="headImg">
            <img src="../media/touxiang.jpg" alt="">
        </div>
        <p class="alias">张张张</p>
 
</div>
<ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#modify" data-toggle="tab">
                修改信息
            </a>
        </li>
        <li>
            <a href="#orders" data-toggle="tab">
                我的订单
            </a>
        </li>
        <li>
            <a href="#recently" data-toggle="tab">
                最近浏览
            </a>
        </li>
    
    </ul>
    <!-- 每个tab页对应的内容 -->
    <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="modify">
                    <form role="form">
                            <div class="form-group">
                              <label for="name">名字</label>
                              <input type="text" class="form-control" id="name" placeholder="请输入名称">
                            </div>
                            <div class="form-group">
                                <label for="address">收货地址</label>
                                <input type="text" class="form-control" id="addr">
                            </div>
                            <div class="form-group">
                              <label for="inputfile">图像</label>
                              <input type="file" id="inputfile">
                            </div>
                            <a href="../temlates/find_pwd.html">修改密码</a><br>
                            <button type="submit" class="btn btn-default">提交</button>
                          </form>
                          
            </div>
            <div class="tab-pane fade" id="orders">
               
               <table class="table table-hover">
                   <thead>
                       <tr>
                           <th>订单号</th>
                           <th>创建时间</th>
                           <th>商品概述</th>
                           <th>支付状态</th>
                       </tr>
                   </thead>
                   <tbody>
                       <tr>
                           <td>2423423423</td>
                           <td>2017-5-6</td>
                           <td>联想笔记本等</td>
                           <td>未支付<a href="">(点击去支付）</a> </td>
                       </tr>
                       <tr>
                            <td>2423423423</td>
                            <td>2017-5-16</td>
                            <td>联想笔记本等</td>
                            <td>已支付 <a href="">去评价</a></a> </td>
                        </tr>
                   </tbody>
               </table>
               
            </div>
            <div class="tab-pane fade" id="recently">
                    <div class="row">
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
                            <div class="col-sm-2 col-lg-2">
                                <div class="thumbnail">
                                    <img src="../media/recommend.jpg" alt="">
                                    <h5>联想拯救者</h5>
                                    <p>i5-8300H/Window这个要试一试我也怒知道什么时候才能有足够的asdasd财力</p>
                                </div>
            
                            </div>
            
                        </div>
                </div>
        </div>

    </div>


   
   
    <div class="fixnav hidden-sm hidden-xs">
        <div class="fix_tel"><i class="glyphicon glyphicon-earphone"></i>
            <p>18337252813</p>
        </div>
        <div class="bling"><i class="glyphicon glyphicon-bell"></i></div>
        <div class="reback"><i class="glyphicon glyphicon-upload"></i></div>
    </div>

   
   
  
   
        <!-- <footer>
            <div class="top hidden-sm hidden-xs">
                <div class="container">
                    <dl>
                        <dd>三年免费保修</dd>
                        <dd>三年免费保修</dd>
                        <dd>三年免费保修</dd>
                        <dd>三年免费保修</dd>
                        <dd>三年免费保修</dd>
                    </dl>
                    <table class="table">
                           
                            <thead>
                              <tr>
                                <th>帮助中心</th>
                                <th>服务支持</th>
                                <th>关于我们</th>
                                <th>新闻资讯</th>
                                <th>线下门店</th>
                              </tr>
                            </thead>
                            <tbody>
                             <tr>
                                 <td><a href="#">购物指南</a></td>
                                 <td><a href="#">保修政策</a></td>
                                 <td><a href="#">公司介绍</a></td>
                                 <td><a href="#">营业执照</a></td>
                                 <td><a href="#">法律申明</a></td>
                             </tr>
                             <tr>
                                 <td><a href="#">支付方式</a></td>
                                 <td><a href="#">服务标准</a></td>
                                 <td><a href="#">加入我们</a></td>
                                 <td><a href="#">新闻动态</a></td>
                                 <td><a href="#">隐私政策</a></td>
                             </tr>
                             <tr>
                                 <td><a href="#">配送方式</a></td>
                                 <td><a href="#">退换货政策</a></td>
                                 <td><a href="#">联系我们</a></td>
                                 <td><a href="#">版权申明</a></td>
                                 <td><a href="#">服务条款</a></td>
                             </tr>
                             
                            </tbody>
                     </table>

                     <div class="contact">
                         <div class="wechat">
                             <p>微信公众号</p>
                             <img src="../media/wechat.jpg" alt="">
                         </div>
                         <div class="phone">
                             <h4>4006-999-999</h4>
                            <h6>周一至周日 8:00-18:00</h6>
                            <a href="#">24小时在线服务</a>
                         </div>
                     </div>
                </div>

            </div>
            <div class="bottom">
                <div class="container">
                    <p>版权所有2056-2086 数码家电在线商城模板  沪ICP备000000000号-0</p>
                </div>
            </div>
        </footer> -->





       
</body>

</html>